#htmlRoot{
  .vxe-cell--item,
  .vxe-cell--title,
  .vxe-cell,
  .vxe-body--expanded-cell {
    color: @vxe-font-color;
  }

  .vxe-toolbar {
    background-color: @body-background;
  }

  .vxe-table--render-default .vxe-table--body-wrapper,
  .vxe-table--render-default .vxe-table--footer-wrapper {
    background-color: @body-background;
  }

  // 外边框
  .vxe-table--render-default .vxe-table--border-line {
    border-color: @vxe-input-border-color;
  }

  // header 下边框
  .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
    border-bottom-color: @vxe-input-border-color;
  }

  // footer 上边框
  .vxe-table--render-default .vxe-table--footer-wrapper {
    border-top-color: @vxe-input-border-color;
  }

  // 展开行 边框
  .vxe-table--render-default .vxe-body--expanded-column {
    border-bottom-color: @vxe-input-border-color;
  }

  // toolbar边框
  .vxe-toolbar.is--perfect{
    border-color: @vxe-input-border-color;
  }

  // // 行斑马纹
  // .vxe-table--render-default .vxe-body--row.row--stripe {
  //   background-color: #1e1e1e;
  // }

  // 行hover
  .vxe-table--render-default .vxe-body--row.row--hover {
    background-color: @vxe-table-row-hover-background-color;
  }

  // 行hover
  .vxe-table--render-default .vxe-body--row.row--hover.row--current {
    // background-color: #111d2c;
    background-color: @vxe-table-row-hover-background-color;
  }

  .vxe-select-option:not(.is--disabled).is--hover{
    // background-color: #111d2c;
    background-color: @vxe-table-row-hover-background-color;
  }

  // 选中行
  .vxe-table--render-default .vxe-body--row.row--current{
    background-color: @vxe-table-row-hover-current-background-color;
  }

  // 列宽拖动
  // .vxe-header--column .vxe-resizable.is--line:before {
  //   background-color: #505050;
  // }

  // checkbox
  .vxe-custom--option .vxe-checkbox--icon:before,
  // .vxe-export--panel-column-option .vxe-checkbox--icon:before,
  
  .vxe-table--filter-option .vxe-checkbox--icon:before{//  .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon:before,
    background-color: @body-background;
    border-color: @vxe-input-border-color;
  }

  .vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon{
    // border-color: @primary-color;
    color: @primary-color;
  }

  .vxe-table-custom--checkbox-option.is--checked{
    color: @primary-color;
  }

  // .vxe-button {
  //   background-color: @body-background;
  //   border-color: @vxe-input-border-color;
  // }

  .vxe-button.type--button:not(.is--disabled):active {
    background-color: @body-background;
  }

  .vxe-toolbar .vxe-custom--wrapper.is--active > .vxe-button {
    background-color: @body-background;
  }

  .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button {
    color: @vxe-font-color;
  }

  // 表格背景色
  .vxe-table--render-default.border--default .vxe-table--header-wrapper, 
  .vxe-table--render-default.border--full .vxe-table--header-wrapper, 
  .vxe-table--render-default.border--outer .vxe-table--header-wrapper{
    background-color:@vxe-table-header-background-color;
  }

  // toolbar背景色
  .vxe-toolbar.is--perfect{
    background-color:@vxe-table-header-background-color;
  }

  // 分页栏背景色
  .vxe-pager{
    background-color: @body-background;
  }

  .theme--perfect-button.ant-btn{
    background-color:@vxe-table-header-background-color;
  }

  // 单元格
  .vxe-table--render-default.border--full .vxe-header--column, 
  .vxe-table--render-default.border--full .vxe-body--column, 
  .vxe-table--render-default.border--full .vxe-footer--column 
  {
    background-image: -webkit-gradient(linear, left top, left bottom, from(@vxe-input-border-color), to(@vxe-input-border-color)), -webkit-gradient(linear, left top, left bottom, from(@vxe-input-border-color), to(@vxe-input-border-color));
    background-image: linear-gradient(@vxe-input-border-color, @vxe-input-border-color), linear-gradient(@vxe-input-border-color, @vxe-input-border-color);
  }

  // 图标
  .vxe-icon--print:after,
  .vxe-icon--zoomin,
  .vxe-icon--zoomout:after{
    background-color: @body-background;
  }

  // 弹窗body
  .vxe-modal--wrapper .vxe-modal--box{
    background-color: @body-background;
    border:1px solid @vxe-input-border-color;
  }

  // 弹窗head
  .vxe-modal--wrapper .vxe-modal--header{
    background-color: @body-background;
    border-bottom:1px solid @vxe-input-border-color;
  }

  // 输入框
  .vxe-input--inner{
    background-color: @body-background;
    border:1px solid @vxe-input-border-color;
  }

  // .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header{
  //   background-color: @vxe-table-header-background-color;
  //   border-bottom: 1px solid @vxe-input-border-color;
  // }

  // 分页栏
  .vxe-pager .vxe-pager--jump-next,
  .vxe-pager .vxe-pager--jump-prev, 
  .vxe-pager .vxe-pager--next-btn, 
  .vxe-pager .vxe-pager--num-btn, 
  .vxe-pager .vxe-pager--prev-btn{
    background-color: @body-background;
    // border:1px solid @vxe-input-border-color;
  }
  .vxe-pager .vxe-pager--jump .vxe-pager--goto{
    background-color: @body-background;
    // border:1px solid @vxe-input-border-color;
  }
  .vxe-select-option--wrapper{
    background-color: @body-background;
    border:1px solid @vxe-input-border-color;
  }

  // 自定义列
  .vxe-toolbar .vxe-custom--option-wrapper{
    background-color: @body-background;
    border:1px solid @vxe-input-border-color;
  }
  .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{
    border-bottom: 1px solid @vxe-input-border-color;
  }
  .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{
    border-top: 1px solid @vxe-input-border-color;
  }
  .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover{
    background-color:@vxe-table-row-hover-background-color
  }
  // .vxe-export--panel .vxe-export--panel-column{
  //   border:1px solid @vxe-input-border-color;
  // }
  // .vxe-export--panel-column-option:hover{
  //   background-color:@vxe-table-row-hover-background-color
  // }
  .vxe-table--render-default .is--checked.vxe-cell--radio{
    color:@primary-color;
  }
  .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--checked-icon:before{
    border-color: @primary-color;
    background-color: @primary-color;
  }
  .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--checked-icon:before{
    border: 2px solid @primary-color;
  }
  // loading样式
  .vxe-loading>.vxe-loading--chunk{
    color: @primary-color;
  }

  .vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus, .vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus {
    color: @primary-color;
  }

  .vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover {
    color: @primary-color;
  }
  .vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{
    box-shadow: 0 0 0.25em 0 @primary-color;
  }
}